<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1"><!-- Place favicon.ico in the root directory -->
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="icon" href="favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Poppins:100,300,400,700,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
    <title>Dashcore - Premium Software & Startup HTML</title><!-- themeforest:css -->
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/aos.css">
    <link rel="stylesheet" href="css/cookieconsent.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/odometer-theme-minimal.css">
    <link rel="stylesheet" href="css/prism-okaidia.css">
    <link rel="stylesheet" href="css/simplebar.css">
    <link rel="stylesheet" href="css/smart_wizard.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_arrows.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_circles.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_dots.css">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/theme.css">
    <link rel="stylesheet" href="css/rtl.css"><!-- endinject -->
</head>

<body>
    <!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
    <!-- Making stripe menu -->
    <nav class="st-nav navbar main-nav navigation fixed-top" id="main-nav">
        <div class="container">
            <ul class="st-nav-menu nav navbar-nav">
                <li class="st-nav-section nav-item"><a href="#main" class="navbar-brand"><img src="img/logo.png" alt="Dashcore" class="logo logo-sticky d-block d-md-none"> <img src="img/logo-light.png" alt="Dashcore" class="logo d-none d-md-block"></a></li>
                <li class="st-nav-section st-nav-primary nav-item"><a class="st-root-link nav-link" href="index.html">Home </a><a class="st-root-link item-products st-has-dropdown nav-link" data-dropdown="blocks">Blocks </a><a class="st-root-link item-products st-has-dropdown nav-link" data-dropdown="pages">Pages </a><a class="st-root-link item-company st-has-dropdown nav-link" data-dropdown="components">UI Components </a><a class="st-root-link item-blog st-has-dropdown nav-link" data-dropdown="blog">Blog </a><a class="st-root-link item-shop st-has-dropdown nav-link" href="shop/" data-dropdown="shop">Shop</a></li>
                <li class="st-nav-section st-nav-secondary nav-item"><a class="btn btn-rounded btn-outline mr-3 px-3" href="login.html" target="_blank"><i class="fas fa-sign-in-alt d-none d-md-inline mr-md-0 mr-lg-2"></i> <span class="d-md-none d-lg-inline">Login</span> </a><a class="btn btn-rounded btn-solid px-3" href="signup.html" target="_blank"><i class="fas fa-user-plus d-none d-md-inline mr-md-0 mr-lg-2"></i> <span class="d-md-none d-lg-inline">Signup</span></a></li><!-- Mobile Navigation -->
                <li class="st-nav-section st-nav-mobile nav-item"><button class="st-root-link navbar-toggler" type="button"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
                    <div class="st-popup">
                        <div class="st-popup-container"><a class="st-popup-close-button">Close</a>
                            <div class="st-dropdown-content-group">
                                <h4 class="text-uppercase regular">Pages</h4><a class="regular text-primary" href="about.html"><i class="far fa-building mr-2"></i> About </a><a class="regular text-success" href="contact.html"><i class="far fa-envelope mr-2"></i> Contact </a><a class="regular text-warning" href="pricing.html"><i class="fas fa-hand-holding-usd mr-2"></i> Pricing </a><a class="regular text-info" href="faqs.html"><i class="far fa-question-circle mr-2"></i> FAQs</a>
                            </div>
                            <div class="st-dropdown-content-group border-top bw-2">
                                <h4 class="text-uppercase regular">Components</h4>
                                <div class="row">
                                    <div class="col mr-4"><a target="_blank" href="components/alert.html">Alerts</a> <a target="_blank" href="components/badge.html">Badges</a> <a target="_blank" href="components/button.html">Buttons</a> <a target="_blank" href="components/color.html">Colors</a> <a target="_blank" href="components/accordion.html">Accordion</a> <a target="_blank" href="components/cookie-law.html">Cookielaw</a></div>
                                    <div class="col mr-4"><a target="_blank" href="components/overlay.html">Overlay</a> <a target="_blank" href="components/progress.html">Progress</a> <a target="_blank" href="components/lightbox.html">Lightbox</a> <a target="_blank" href="components/tab.html">Tabs</a> <a target="_blank" href="components/tables.html">Tables</a> <a target="_blank" href="components/typography.html">Typography</a></div>
                                </div>
                            </div>
                            <div class="st-dropdown-content-group bg-light b-t"><a href="login.html">Sign in <i class="fas fa-arrow-right"></i></a></div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="st-dropdown-root">
            <div class="st-dropdown-bg">
                <div class="st-alt-bg"></div>
            </div>
            <div class="st-dropdown-arrow"></div>
            <div class="st-dropdown-container">
                <div class="st-dropdown-section" data-dropdown="blocks">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="row">
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="blocks/call-to-action.html">Call to actions</a> <a class="dropdown-item" target="_blank" href="blocks/contact.html">Contact</a> <a class="dropdown-item" target="_blank" href="blocks/counter.html">Counters</a> <a class="dropdown-item" target="_blank" href="blocks/faqs.html">FAQs</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="blocks/footer.html">Footers</a> <a class="dropdown-item" target="_blank" href="blocks/form.html">Forms</a> <a class="dropdown-item" target="_blank" href="blocks/navbar.html">Navbar</a> <a class="dropdown-item" target="_blank" href="blocks/navigation.html">Navigation</a></div>
                                <div class="col"><a class="dropdown-item" target="_blank" href="blocks/pricing.html">Pricing</a> <a class="dropdown-item" target="_blank" href="blocks/slider.html">Sliders</a> <a class="dropdown-item" target="_blank" href="blocks/team.html">Team</a> <a class="dropdown-item" target="_blank" href="blocks/testimonial.html">Testimonials</a></div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group">
                            <h3 class="link-title"><i class="fas fa-long-arrow-alt-right icon"></i> Coming soon</h3>
                            <div class="ml-5"><span class="dropdown-item text-secondary">Dividers </span><span class="dropdown-item text-secondary">Gallery </span><span class="dropdown-item text-secondary">Screenshots</span></div>
                        </div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="pages">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="mb-4">
                                <h3 class="text-darker light text-nowrap"><span class="bold regular">Useful pages</span> you'll need</h3>
                                <p class="text-secondary mt-0">Get a complete design stack</p>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <ul class="mr-4">
                                        <li>
                                            <h4 class="text-uppercase regular">Error</h4>
                                        </li>
                                        <li><a target="_blank" href="403.html">403 Error</a></li>
                                        <li><a target="_blank" href="404.html">404 Error</a></li>
                                        <li><a target="_blank" href="405.html">405 Error</a></li>
                                    </ul>
                                </div>
                                <div class="col">
                                    <ul class="mr-4">
                                        <li>
                                            <h4 class="text-uppercase regular">User</h4>
                                        </li>
                                        <li><a target="_blank" href="login.html">Login</a></li>
                                        <li><a target="_blank" href="register.html">Register</a></li>
                                        <li><a target="_blank" href="forgot.html">Forgot</a></li>
                                    </ul>
                                </div>
                                <div class="col">
                                    <ul>
                                        <li>
                                            <h4 class="text-uppercase regular">Extra</h4>
                                        </li>
                                        <li><a target="_blank" href="pricing.html">Pricing</a></li>
                                        <li><a target="_blank" href="terms.html">Terms</a></li>
                                        <li><a target="_blank" href="faqs.html">FAQ</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group"><a class="dropdown-item bold" href="about.html"><i class="far fa-building icon"></i> About </a><a class="dropdown-item bold" href="contact.html"><i class="far fa-envelope icon"></i> Contact </a><a class="dropdown-item bold" href="pricing.html"><i class="fas fa-hand-holding-usd icon"></i> Pricing</a></div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="components">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="components/color.html">
                                <div class="media mb-4"><i class="fas fa-palette mr-2 bg-primary rounded-circle icon-md text-contrast center-flex"></i>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Colors</h3>
                                        <p class="m-0 text-secondary">Get to know DashCore color options</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="components/accordion.html">
                                <div class="media mb-4"><i class="fas fa-bars mr-2 bg-primary rounded-circle icon-md text-contrast center-flex"></i>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Accordion</h3>
                                        <p class="m-0 text-secondary">Useful accordion elements</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="components/cookie-law.html">
                                <div class="media mb-4"><i class="fas fa-cookie-bite mr-2 bg-primary rounded-circle icon-md text-contrast center-flex"></i>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">CookieLaw</h3>
                                        <p class="m-0 text-secondary">Comply with the hideous EU Cookie Law</p>
                                    </div>
                                </div>
                            </a>
                            <h4 class="text-uppercase regular">Huge components list</h4>
                            <div class="row">
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/alert.html">Alerts</a> <a class="dropdown-item" target="_blank" href="components/badge.html">Badges</a> <a class="dropdown-item" target="_blank" href="components/button.html">Buttons</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/overlay.html">Overlay</a> <a class="dropdown-item" target="_blank" href="components/progress.html">Progress</a> <a class="dropdown-item" target="_blank" href="components/lightbox.html">Lightbox</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/tab.html">Tabs</a> <a class="dropdown-item" target="_blank" href="components/tables.html">Tables</a> <a class="dropdown-item" target="_blank" href="components/typography.html">Typography</a></div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="components/wizard.html">Wizard <span class="badge badge-pill badge-primary">New</span></a> <span class="dropdown-item d-flex align-items-center text-muted">Timeline <i class="fas fa-ban ml-auto"></i></span> <span class="dropdown-item d-flex align-items-center text-muted">Process <i class="fas fa-ban ml-auto"></i></span></div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="blog">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="row">
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Full width</h4><a class="dropdown-item" target="_blank" href="blog/blog-post.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid.html">Posts Grid</a>
                                </div>
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Sidebar left</h4><a class="dropdown-item" target="_blank" href="blog/blog-post-sidebar-left.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid-sidebar-left.html">Posts Grid</a>
                                </div>
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Sidebar right</h4><a class="dropdown-item" target="_blank" href="blog/blog-post-sidebar-right.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid-sidebar-right.html">Posts Grid</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="shop">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="shop/home.html">
                                <div class="media align-items-center">
                                    <div class="bg-success text-contrast icon-md center-flex rounded-circle mr-3"><i class="fas fa-shopping-basket"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Home</h3>
                                        <p class="m-0 text-secondary">Online store home with an outstanding UX</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="shop/cart.html">
                                <div class="media align-items-center">
                                    <div class="bg-info text-contrast icon-md center-flex rounded-circle mr-3"><i class="fas fa-shopping-cart"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Cart</h3>
                                        <p class="m-0 text-secondary">Online store shopping cart</p>
                                    </div>
                                </div>
                            </a></div>
                        <div class="st-dropdown-content-group">
                            <h3 class="link-title"><i class="fas fa-money-check-alt icon"></i> Checkout</h3>
                            <div class="ml-5"><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-customer.html">Customer <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-shipping.html">Shipping Information <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-payment.html">Payment Methods <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-confirmation.html">Order Review <i class="fas fa-angle-right ml-2"></i></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <main>
        <!-- ./Page header -->
        <header class="header section parallax image-background center-bottom cover overlay gradient gradient-purple-navy alpha-8 text-contrast" style="background-image: url('img/bg/grid.jpg')">
            <div class="container overflow-hidden">
                <div class="row">
                    <div class="col-md-10 col-lg-8">
                        <h1 class="display-4 text-contrast bold">Ultimate HTML template <span class="d-block light">for your great product</span></h1>
                        <p class="lead">Dashcore is an astonishing HTML template to showcase promote and develop your product in the best way</p>
                        <p class="handwritten font-md highlight px-4">It is free for you</p>
                        <nav class="nav mt-5"><a href="#" class="nav-link mr-3 btn btn-rounded btn-success">Start now </a><a href="#" class="nav-link btn btn btn-rounded btn-contrast"><i class="fas fa-tag mr-3"></i> Plans & pricing</a></nav>
                    </div>
                </div>
            </div>
        </header><!-- ./Partners -->
        <section class="partners bg-light b-b">
            <div class="container py-5">
                <div class="swiper-container" data-sw-show-items="5" data-sw-space-between="30" data-sw-autoplay="2500">
                    <div class="swiper-wrapper align-items-center">
                        <div class="swiper-slide"><img src="img/logos/1.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                        <div class="swiper-slide"><img src="img/logos/2.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                        <div class="swiper-slide"><img src="img/logos/3.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                        <div class="swiper-slide"><img src="img/logos/4.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                        <div class="swiper-slide"><img src="img/logos/5.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                        <div class="swiper-slide"><img src="img/logos/6.png" class="img-responsive" alt="" style="max-height: 60px"></div>
                    </div>
                </div>
            </div>
        </section><!-- ./Design features -->
        <section id="features" class="section">
            <div class="container">
                <div class="section-heading mb-6 text-center">
                    <h5 class="text-primary bold small text-uppercase">Design better</h5>
                    <h2>We design to fit all your needs</h2>
                </div>
                <div class="row gap-y text-center text-md-left">
                    <div class="col-md-4 py-4 rounded shadow-hover"><i data-feather="image" width="36" height="36" class="stroke-primary"></i>
                        <h5 class="bold mt-3">Easily theme-able</h5>
                        <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab dolores ea fugiat nesciunt quisquam. Assumenda dolore error nulla pariatur voluptatem?</p>
                    </div>
                    <div class="col-md-4 py-4 rounded shadow-hover"><i data-feather="sliders" width="36" height="36" class="stroke-primary"></i>
                        <h5 class="bold mt-3">Professional tools</h5>
                        <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab dolores ea fugiat nesciunt quisquam. Assumenda dolore error nulla pariatur voluptatem?</p>
                    </div>
                    <div class="col-md-4 py-4 rounded shadow-hover"><i data-feather="target" width="36" height="36" class="stroke-primary"></i>
                        <h5 class="bold mt-3">Ready-to-use content</h5>
                        <p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab dolores ea fugiat nesciunt quisquam. Assumenda dolore error nulla pariatur voluptatem?</p>
                    </div>
                </div>
            </div>
        </section><!-- ./Tools for everyone - Swiper -->
        <section class="section b-b b-t bg-light">
            <div class="container">
                <div class="section-heading text-center"><i data-feather="sliders" width="36" height="36" class="stroke-primary"></i>
                    <h2>Tools for everyone</h2>
                    <p class="lead text-secondary">Get ready in no time... just like 1, 2 & 3.</p>
                </div>
                <div class="row align-items-end">
                    <div class="col-lg-4">
                        <h2 class="bold">Start the right way<br><span class="light">Start with Dashcore</span></h2>
                        <p class="lead text-secondary">Thinking about a new project? Start in no time with the tools Dashcore brings to you.</p><a href="pricing.html" class="btn btn-primary btn-rounded mt-4">Choose the right plan <i class="ml-3 fas fa-long-arrow-alt-right"></i></a>
                        <ol id="sw-nav-tools" class="nav nav-process nav-circle nav-justified mt-5">
                            <li class="nav-item active"><a class="nav-link" href="#" data-step="1"><small class="mt-4 absolute">Inbox</small></a></li>
                            <li class="nav-item"><a class="nav-link" href="#" data-step="2"><small class="mt-4 absolute">Calendar</small></a></li>
                            <li class="nav-item"><a class="nav-link" href="#" data-step="3"><small class="mt-4 absolute">Invoicing</small></a></li>
                            <li class="nav-item"><a class="nav-link" href="#" data-step="4"><small class="mt-4 absolute">Reporting</small></a></li>
                        </ol>
                    </div>
                    <div class="col-lg-7 ml-lg-auto">
                        <div class="browser shadow mt-4 mt-md-0" data-aos="fade-left">
                            <div class="swiper-container" data-sw-navigation="#sw-nav-tools">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide"><img src="img/screens/dash/1.png" alt="" class="img-responsive"></div>
                                    <div class="swiper-slide"><img src="img/screens/dash/2.png" alt="" class="img-responsive"></div>
                                    <div class="swiper-slide"><img src="img/screens/dash/3.png" alt="" class="img-responsive"></div>
                                    <div class="swiper-slide"><img src="img/screens/dash/4.png" alt="" class="img-responsive"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- ./Single testimonial - Left -->
        <section class="singl-testimonial shadow">
            <div class="container-fluid py-0">
                <div class="row align-items-center gradient gradient-blue-navy text-contrast">
                    <div class="col-md-3 mx-auto py-4 py-md-0">
                        <p class="rounded-pill py-2 px-4 text-uppercase mb-0 badge badge-contrast">Dashcore is great for</p>
                        <p class="font-md bold mt-1 text-contrast">Anyone who is looking for a great startup template</p>
                        <hr class="my-4">
                        <div class="small text-contrast"><span class="bold d-block">Lorem Inc. Team,</span> Doing great since 2018</div>
                    </div>
                    <div class="col-12 col-md-7 image-background cover" style="background-image: url(img/testimonials/1.jpg);"></div>
                </div>
            </div>
        </section><!-- ./Features - hover animated -->
        <section class="section bg-light bg-light-gradient edge bottom-right">
            <div class="container bring-to-front">
                <div class="section-heading text-center">
                    <p class="rounded-pill py-2 px-4 bold badge badge-info">Let's do business</p>
                    <h2>What Dashcore template offers</h2>
                </div>
                <div class="row gap-y">
                    <div class="col-md-6">
                        <div class="rounded bg-contrast shadow-box image-background off-left-background lift-hover p-4 pl-6 pl-md-9" style="background-image: url(img/lcards/time.svg)">
                            <h3>Save time</h3>
                            <p class="text-secondary mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error eveniet nihil perspiciatis quia quidem quod ratione sapiente sint?</p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="rounded bg-contrast shadow-box image-background off-left-background lift-hover p-4 pl-6 pl-md-9" style="background-image: url(img/lcards/done.svg)">
                            <h3>Get things done</h3>
                            <p class="text-secondary mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error eveniet nihil perspiciatis quia quidem quod ratione sapiente sint?</p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="rounded bg-contrast shadow-box image-background off-left-background lift-hover p-4 pl-6 pl-md-9" style="background-image: url(img/lcards/grow.svg)">
                            <h3>Grow your business</h3>
                            <p class="text-secondary mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error eveniet nihil perspiciatis quia quidem quod ratione sapiente sint?</p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="rounded bg-contrast shadow-box image-background off-left-background lift-hover p-4 pl-6 pl-md-9" style="background-image: url(img/lcards/goals.svg)">
                            <h3>Accomplish your goals</h3>
                            <p class="text-secondary mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error eveniet nihil perspiciatis quia quidem quod ratione sapiente sint?</p>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- ./Top-notch appearance - Big screen left -->
        <section class="section">
            <div class="container-wide bring-to-front">
                <div class="row gap-y align-items-center text-center text-lg-left">
                    <div class="col-10 col-lg-4 mx-auto order-md-2">
                        <h2>Designed to provide top-notch appearance</h2>
                        <p class="lead text-secondary">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        <p>Nullam vitae scelerisque est, sed tempus metus. Donec convallis volutpat enim consequat viverra. Nam blandit est eu ipsum elementum, ac pellentesque nibh placerat. Quisque venenatis pulvinar nulla, non vestibulum urna ultrices accumsan.</p><a href="#" class="btn btn-info btn-rounded mt-4">Learn More</a>
                    </div>
                    <div class="col-12 col-lg-6 pl-0 order-md-1"><img src="img/screens/dash/1.png" alt="" class="img-responsive shadow" data-aos="fade-right"></div>
                </div>
            </div>
        </section><!-- ./Lightweight HTML - Big screen right -->
        <section class="section">
            <div class="container-wide">
                <div class="row gap-y align-items-center text-center text-lg-left">
                    <div class="col-10 col-lg-4 mx-auto">
                        <h2>Lightweight HTML template great for your product</h2>
                        <p class="lead text-secondary">Suspendisse dignissim lorem vel elit dapibus mattis. Etiam magna nunc, maximus bibendum diam et, porttitor.</p>
                        <p>Vivamus ut mauris vel orci ornare hendrerit. Pellentesque eu enim ipsum. In mauris tellus, gravida nec euismod et, egestas et tortor. Sed ante ipsum, scelerisque vel enim eu, facilisis consectetur elit.</p><a href="#" class="btn btn-info btn-rounded mt-4">Learn More</a>
                    </div>
                    <div class="col-12 col-lg-6 pr-0"><img src="img/screens/dash/2.png" alt="" class="img-responsive shadow" data-aos="fade-left"></div>
                </div>
            </div>
        </section><!-- ./Single testimonial - Right -->
        <section class="singl-testimonial shadow">
            <div class="container-fluid py-0">
                <div class="row align-items-center gradient gradient-navy-blue text-contrast">
                    <div class="col-md-7 image-background cover center-top" style="background-image: url(img/testimonials/2.jpg);"></div>
                    <div class="col-md-3 mx-auto py-4 py-md-0">
                        <blockquote class="bold mt-1 text-contrast"><i class="quote fas fa-quote-left"></i> If your company is struggling to stay in business, there may be several options you can explore. <span class="bold">Dashcore,</span> was the perfect template. It is very easy to implement, has great design, and it has all the functionality we were looking for.</blockquote>
                        <hr class="my-4">
                        <div class="small text-contrast"><span class="bold d-block">Jean Doe,</span> CEO & Founder of Awesome Company</div>
                    </div>
                </div>
            </div>
        </section><!-- ./FAQs -->
        <section class="section">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <h2>Do you have <span class="bold">questions</span></h2>
                        <p class="lead">Not sure how this template can help you? Wonder why you need to buy our theme?</p>
                        <p class="text-muted">Here are the answers to some of the most common questions we hear from our appreciated customers</p>
                    </div>
                    <div class="col-md-8">
                        <div class="accordion accordion-clean" id="common-faqs-accordion">
                            <div class="card mb-3">
                                <div class="card-header"><a href="#" class="card-title btn" data-toggle="collapse" data-target="#q1"><i class="fas fa-angle-down angle"></i> What does the package include?</a></div>
                                <div id="q1" class="collapse show" data-parent="#common-faqs-accordion">
                                    <div class="card-body">When you buy Dashcore, you get all you see in the demo but the images. We include SASS files for styling, complete JS files with comments, all HTML variations. Besides we include all mobile PSD mockups.</div>
                                </div>
                            </div>
                            <div class="card mb-3">
                                <div class="card-header"><a href="#" class="card-title btn" data-toggle="collapse" data-target="#q2"><i class="fas fa-angle-down angle"></i> What is the typical response time for a support question?</a></div>
                                <div id="q2" class="collapse" data-parent="#common-faqs-accordion">
                                    <div class="card-body">Since you report us a support question we try to make our best to find out what is going on, depending on the case it could take more or les time, however a standard time could be minutes or hours.</div>
                                </div>
                            </div>
                            <div class="card mb-3">
                                <div class="card-header"><a href="#" class="card-title btn" data-toggle="collapse" data-target="#q3"><i class="fas fa-angle-down angle"></i> What do I need to know to customize this template?</a></div>
                                <div id="q3" class="collapse" data-parent="#common-faqs-accordion">
                                    <div class="card-body">Our documentation give you all you need to customize your copy. However you will need some basic web design knowledge (HTML, Javascript and CSS)</div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header"><a href="#" class="card-title btn" data-toggle="collapse" data-target="#q4"><i class="fas fa-angle-down angle"></i> Can I suggest a new feature?</a></div>
                                <div id="q4" class="collapse" data-parent="#common-faqs-accordion">
                                    <div class="card-body">Definitely <span class="bold">Yes</span>, you can contact us to let us know your needs. If your suggestion represents any value to both we can include it as a part of the theme or you can request a custom build by an extra cost. Please note it could take some time in order for the feature to be implemented.</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- ./Register -->
        <section class="section">
            <div class="container bring-to-front">
                <div class="shadow rounded text-center bg-info-gradient p-5">
                    <h2 class="mb-5 text-contrast">Try Dashcore now.... love it forever</h2>
                    <p class="handwritten highlight font-md text-alternate">Why wait? Start now!</p><a href="signup.html" class="btn btn-darker btn-rounded mt-4">Start now</a>
                </div>
            </div>
        </section><!-- ./Footer - Stay in Touch -->
        <footer class="site-footer section text-center block bg-contrast">
            <div class="container py-4">
                <h2 class="font-md regular">Stay updated</h2>
            </div>
            <p class="text-secondary mb-5">By registering with us you will receive right in your inbox all new features and updates</p>
            <div class="row">
                <div class="col-12 col-md-6 mx-auto overflow-hidden">
                    <form action="srv/register.php" class="form" data-response-message-animation="slide-in-left">
                        <div class="input-group"><input type="email" name="Subscribe[email]" class="form-control rounded-circle-left" placeholder="Enter your email" required>
                            <div class="input-group-append"><button class="btn btn-rounded btn-primary" type="submit">Register</button></div>
                        </div>
                    </form>
                    <div class="response-message"><i class="fas fa-envelope font-lg"></i>
                        <p class="font-md m-0">Check your email</p>
                        <p class="response">We sent you an email with a link to get started. You’ll be in your account in no time.</p>
                    </div>
                </div>
            </div>
            <hr class="mt-5">
            <nav class="nav social-icons justify-content-center mt-4"><a href="#" class="mr-3 font-regular text-secondary"><i class="fab fa-facebook-f"></i></a> <a href="#" class="mr-3 font-regular text-secondary"><i class="fab fa-twitter"></i></a> <a href="#" class="mr-3 font-regular text-secondary"><i class="fab fa-instagram"></i></a> <a href="#" class="mr-3 font-regular text-secondary"><i class="fas fa-rss"></i></a> <a href="#" class="font-regular text-secondary"><i class="fab fa-linkedin-in"></i></a></nav>
            <p class="small copyright text-secondary">© 2018 Dashcore, <em>by</em> <a class="brand bold" href="http://www.5studios.net">5Studios.net</a></p>
        </footer><!-- ./Footer - Simple -->
        <footer class="site-footer section block bg-contrast">
            <div class="container py-4">
                <div class="row align-items-center">
                    <div class="col-md-5 text-center text-md-left">
                        <nav class="nav justify-content-center justify-content-md-start"><a class="nav-item nav-link" href="about.html">About</a> <a class="nav-item nav-link" href="#">Services</a> <a class="nav-item nav-link" href="blog/blog-grid.html">Blog</a></nav>
                    </div>
                    <div class="col-md-2 text-center"><img src="img/logo.png" alt="" class="logo"></div>
                    <div class="col-md-5 text-center text-md-right">
                        <p class="mt-2 mb-0 text-secondary small">© 2018 5studios. All Rights Reserved</p>
                    </div>
                </div>
            </div>
        </footer>
    </main><!-- themeforest:js -->
    <script src="js/01.cookie-consent-util.js"></script>
    <script src="js/02.1.cookie-consent-themes.js"></script>
    <script src="js/02.2.cookie-consent-custom-css.js"></script>
    <script src="js/02.3.cookie-consent-informational.js"></script>
    <script src="js/02.4.cookie-consent-opt-out.js"></script>
    <script src="js/02.5.cookie-consent-opt-in.js"></script>
    <script src="js/02.6.cookie-consent-location.js"></script>
    <script src="js/card.js"></script>
    <script src="js/counterup2.js"></script>
    <script src="js/index.js"></script>
    <script src="js/noframework.waypoints.js"></script>
    <script src="js/odometer.min.js"></script>
    <script src="js/prism.js"></script>
    <script src="js/simplebar.js"></script>
    <script src="js/swiper.js"></script>
    <script src="js/popper.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/jquery.validate.js"></script>
    <script src="js/jquery.smartWizard.js"></script>
    <script src="js/plugins/jquery.animatebar.js"></script>
    <script src="js/feather.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/aos.js"></script>
    <script src="js/typed.js"></script>
    <script src="js/jquery.magnific-popup.js"></script>
    <script src="js/cookieconsent.min.js"></script>
    <script src="js/common-script.js"></script>
    <script src="js/forms.js"></script>
    <script src="js/stripe-bubbles.js"></script>
    <script src="js/stripe-menu.js"></script>
    <script src="js/cc.js"></script>
    <script src="js/pricing.js"></script>
    <script src="js/shop.js"></script>
    <script src="js/svg.js"></script>
    <script src="js/site.js"></script>
    <script src="js/03.demo.js"></script><!-- endinject -->
</body>

</html>